<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script src="./vue.global.js"></script>
    <link rel="stylesheet" href="./index.css" />
    <link rel="stylesheet" href="./table.css" />
    <link rel="stylesheet" href="./pugong.css" />
    <link rel="stylesheet" href="./utils.css" />
    <script src="./index.full.js"></script>

    <script>
      //适配代码
      (function (doc, win) {
        var docEI = doc.documentElement,
          resizeEvt = "orientationchange" in window ? "orientataionchange" : "resize",
          recalc = function () {
            var clientWidth = docEI.clientWidth;
            if (!clientWidth) return;
            //100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
            docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
          };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener("DOMContentLoaded", recalc, false);
      })(document, window);
    </script>
    <style>
      * {
        /* margin: 0;
        padding: 0; */
        font-size: 0.15rem;
      }
    </style>
  </head>

  <body>
    <div id="app" class="table-content text-left">
      <h3 class="text-center" style="font-size: 0.25rem">安全生产承诺书</h3>
      <div class="text-indent mt-2">为进一步落实《中华人民共和国安全生产法》，认真贯彻“安全第一、预防为主、综合治理”的安全方针，切实履行项目部安全生产主体责任和义务，做好各项安全生产保卫工作，严格控制和减少各类生产事故的发生，杜绝重、特大生产事故，积极参加各类安全活动，接受安全管理人员的监督。</div>
      <div class="font-weight-bold">我本人做如下承诺：</div>
      <div class="text-indent">1、履行岗位安全责任制，为企业安全负责、为部门安全负责、为员工安全负责、为自己安全负责。</div>
      <div class="text-indent">2、自觉遵守国家、行业和业主、监理、公司、土木工程分公司及项目部的各种安全管理法律、规章、制度、规定、服从管理，正确佩戴和使用劳动防护用品，与“违章、麻痹、不负责任”三大敌人做斗争，努力做到“不伤害自己、不伤害他人、不被他人伤害、保证他人不被伤害”。</div>
      <div class="text-indent">3、不违章指挥，不违章作业，不违反劳动纪律，抵制违章指挥，纠正违章行为。</div>
      <div class="text-indent">4、遵守道路交通的各项法律、规章、制度、规定，不带病开车、不酒后驾车、不将车辆借予无证人员驾驶，开车时不打电话、不看信息、不吸烟。</div>
      <div class="text-indent">5、遵守消防管理的各项法律、规章、制度、规定，积极学习灭火与火场逃生知识，熟悉各种灭火器材的使用方法和逃生线路。</div>
      <div class="text-indent">6、自觉接受业主、监理、项目部、部门、班组的安全交底和技术交底，自觉执行安全交底和技术交底要求的各种安全措施，不抱侥幸心理。</div>
      <div class="text-indent">7、主动制止不安全行为，对发现事故隐患或者其他不安全因素，立即向现场安全生产管理人员或者本单位负责人报告；接到报告的人员应当及时予以处理。</div>
      <div class="text-indent">8、积极参加项目部举办的各种安全培训、安全学习、安全活动和事故应急演练，掌握作业所需的安全生产知识、提高安全生产技能，增强事故预防和应急处理能力。会报警、会自救、会互救，会熟练使用防毒面具、呼吸器、灭火器、气防设施和器材。</div>
      <div class="text-indent">9、我已接受本岗位安全教育，熟知安全承诺书内容及本岗位安全职责，愿意认真履行，如违反愿承担相应责任。</div>

      <div class="d-flex flex-row mt-2 justify-content-between">
        <div>
          <div @click="setUpEquipment('promiseForm.acceptor','TaskSignFinger')">承诺人：</div>
          <el-image v-show="promiseForm.acceptor" class="sign_img" :src="promiseForm.acceptor" fit="fill"></el-image>
        </div>
        <div>
          <el-input v-model="promiseForm.year" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
          年
          <el-input v-model="promiseForm.month" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
          月
          <el-input v-model="promiseForm.day" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
          日
        </div>
      </div>
    </div>
    <script>
      const { createApp, reactive, toRefs, ref, onMounted } = Vue;
      const vue3Composition = {
        setup() {
          const promiseForm = ref({
            year: "",
            month: "",
            day: "",
            acceptor: "",
          });

          window.setSign = (event) => {
            promiseForm.value[event.key] = event.img;
          };

          window.getData = (event) => {
            return promiseForm.value;
          };
          window.setData = (data) => {
            promiseForm.value = data;
          };

          //peopleForm.sign
          const setUpEquipment = (key, type) => {
            window.parent.childListener({
              key,
              type,
            });
          };
          return {
            promiseForm,
            setUpEquipment,
          };
        },
      };
      const app = createApp(vue3Composition).use(ElementPlus).mount("#app");
    </script>
  </body>
</html>
